<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/homepage.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <script src="./js/flexible.js"></script>
    <script src="./js/homepage.js"></script>
  </head>
  <body>
    <!-- 头部信息 -->
    <div class="top">
      <img src="./images/img-头像.png" alt="" />
      <div class="name">李明</div>
      <div class="id">司机编号：67409881</div>
      <div class="phone">手机号：177 9998 8765</div>
    </div>

    <!-- 本月任务 -->
    <div class="tasks">
      <div class="assignments">
        <div id="total">
          <p>18</p>
          <div class="a">任务总量</div>
        </div>
        <div id="complete">
          <p>16</p>
          <div class="a">完成任务量</div>
        </div>
        <div id="mileage">
          <p>3987</p>
          <div class="a">运输里程(km)</div>
        </div>
      </div>
    </div>

    <!-- 信息与设置 -->
    <div class="information_set">
      <div id="information">
        <div class="vehicle">车辆信息</div>
        <img src="./images/右箭头.png" alt="" />
      </div>
      <div id="task_data">
        <div class="data">任务数据</div>
        <img src="./images/右箭头.png" alt="" />
      </div>
      <div id="system_settings">
        <div class="set">系统设置</div>
        <img src="./images/右箭头.png" alt="" />
      </div>
    </div>

    <!-- 底部 -->
    <div class="common_button">
      <a href="#" class="task a">
        <img src="./images/btn_test_sel.png" alt="" />
        <div>任务</div>
      </a>
      <a href="#" class="task b">
        <img src="./images/黑铃铛.png" alt="" />
        <div>消息</div>
      </a>
      <a href="#" class="task c">
        <img src="./images/btn_mine_sel.png" alt="" />
        <div class="red">我的</div>
      </a>
    </div>
  </body>
</html>
